<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/markdown-it/12.2.0/markdown-it.min.js"></script>-->
<script src="../../../node_modules/markdown-it/dist/markdown-it.js"></script>
<script src="../../../node_modules/markdown-it-attrs/markdown-it-attrs.browser.js"></script>
<div id="markdownbox"></div>
<script>
  var md = window.markdownit();


  md.use(
    window.markdownItAttrs,
    {
      // To use different delimiters than the default, add configuration for leftDelimiter and rightDelimiter:
      leftDelimiter: '[',
      rightDelimiter: ']'
    }
  )

  const text = `# title [.large]`;
  //<h1 class="large">title</h1>

  var result = md.render(text);


  console.log('result:',result);
  markdownbox.innerHTML = result;
</script>
</body>
</html>
